.body-box {
  display               : flex;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  justify-content       : space-between;
  width                 : 100%;
  max-width             : 960px;
  height                : calc(100vh - 64px);
  margin                : auto;
  -webkit-box-orient    : vertical;

  .box-content {
    width        : 100%;
    height       : 600px;
    border-radius: 0px 16px 16px 0px;

    .login-logo {
      width : 310px;
      height: 600px;
    }

    .login-box {
      flex            : 1;
      background-color: #fff;

      .login-box-content {
        max-width: 434px;
        margin   : auto;
        padding  : 88px 0 38px;
      }
    }

    .form-box {
      margin : 0 auto;
      padding: 40px 88px 40px;


      .title {
        margin-bottom: 30px;
        color        : #1890ff;
        font-weight  : 800;
        font-size    : 32px;
        text-align   : center;
      }

      .other {
        margin-top : 24px;
        line-height: 22px;
        text-align : left;
      }
    }
  }

  .box-footer {
    padding-top: 70px;
    color      : #626262;
    font-weight: 400;
    font-size  : 14px;
    text-align : center;
  }
}

.forgetPwd {
  font-weight: 400;
  color      : #26282A;
  font-size  : 14px;
  text-align : center;
  cursor     : pointer;
}

.agreement {
  text-align: center;
  font-size : 12px;
  color     : #86909C;
  margin-top: 88px;

  a {
    color: #E60012;
  }
}

::ng-deep {
  passport-login {
    background-color: #F8FBFD;
  }

  .pro-passport {
    min-height: calc(100vh - 64px);
  }
}

:host ::ng-deep {

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  /* 火狐 */
  input[type='number'] {
    -moz-appearance: textfield;
  }

  // tabs样式调整
  .ant-tabs-nav-list {
    width: 281px;

    .ant-tabs-tab-btn {
      font-size  : 24px;
      color      : #86909C;
      font-weight: 500;
    }

  }

  .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #26282A;
  }

  .ant-tabs-tab {
    padding: 8px 0;
  }

  .ant-tabs-top>.ant-tabs-nav {
    margin: 0 0 38px 0;

    .ant-tabs-ink-bar {
      background: #26282A;
    }
  }

  // input 框样式修改
  nz-input-group {
    height       : 44px;
    font-size    : 14px;
    border-radius: 4px;
    border-color : #E5E6EB;
    box-shadow   : none;
  }

  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #E5E6EB;
  }

  .ant-input {
    padding      : 10px 16px;
    border-color : #E5E6EB;
    border-radius: 4px;
    font-size    : 14px;
    box-shadow   : none;
  }

  .ant-form-item {
    margin-bottom: 32px;
  }

  .ant-form-item-with-help {
    margin-bottom: 0 !important;
  }

  .ant-form-item-explain,
  .ant-form-item-extra {
    min-height : 32px;
    line-height: 2;
  }

  // 按钮样式修改
  .ant-btn {
    padding: 0 16px 12px;
  }

  .ant-btn-primary {
    color        : #fff;
    background   : #26282A;
    border-color : #26282A;
    font-size    : 14px;
    line-height  : 40px;
    height       : 44px;
    border-radius: 4px
  }
}

@media (max-width: 990px) {
  .box-content {

    .login-logo {
      width : 0px !important;
      height: 0px !important;
    }
  }

}